<template>
	<swiper class="banner" indicator-dots circular autoplay>
		<swiper-item v-for="item in pictures" :key="item.id">
			<image :src="item.url"></image>
		</swiper-item>
	</swiper>
	
</template>

<script>
	export default {
		data() {
			return {
				pictures:[
					{id:'1',url:"../../static/picture1.jpg"},
					{id:'2',url:"../../static/picture2.jpg"},
					{id:'3',url:"../../static/picture3.jpg"},
					{id:'4',url:"../../static/picture4.jpg"},
				]
			}
		},
		
	}
</script>

<style>  
  .banner,  
  .banner image {  
    width: 750rpx;  
    height: 600rpx;  
  }  
  

</style>
